@use "@/styles/rem" as *;

.seal-home-search {
  
}

.seal-quick-swiper {
    width: 100%;
    

    &__main {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        position: relative;
        box-sizing: border-box;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        align-items: center;
        align-content: flex-start;
        -webkit-box-flex: 1;
        overflow: hidden;
    }


    &__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        flex-shrink: 0;

        padding: rem(10) 0;

        &__img {
            width: rem(36);
            height: rem(34);
        }

        &__title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            font-size: rem(12);
            color: #595959;
            margin-top: rem(5);
        }
    }


}